
/**********************************
*
*   index.html
*
***********************************/

@media screen and (max-width:1010px) {
	.w990{width: 100%;padding:0 10px;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;}

	.search{ height:auto;}

	.navigate{height:50px;}	
	.navigate .brand{display:block;}
	.navigate .navBtn{display:block;}
	.navigate .navWrapper{display:none;clear:both;background: #373838;}
	.navigate .navWrapper a{float:none;padding:0 10px;width: 100%;text-align: left;line-height:40px;
	box-sizing:border-box;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
	
	.prod .tit{overflow: hidden;}
	.prod .tit a { margin:0px 15px;}
	.prod .cor .list { width: 33.33333%;height:440px;}

	.apply .corR2 { padding-top: 30px;}
	.certp .tit .more { margin-right: 0px;}
	.certp .partner .cor .list a.listInner .txt { padding: 15px 15px;}
	
	.inquiry .conInner {  margin: 0 10px;}
	.inquiry .inputGroup label {  width: 85px;font-size: 18px;}
	.inquiry .inputGroup div { padding-left: 85px;}
	.inquiry .conInnerR { width: 45%;}
	.inquiry .inputGroup.inputGroup2 input {  width: 65%;}

	.footerHD {  padding: 60px 0 0px;}
	.footerHD .list {padding-left:4%;margin-bottom:50px; width:25%}
	.footerHD .list1 { padding-left: 4%;width: 25%; padding-left: 50px;}
	.footerHD .list4{border-right:0 none;}
	.footerHD .list5{width:30%;}
	
	
	
}
@media screen and (max-width:860px) {
	.search .sl{width: 36%; height: 94px; line-height: 94px;}

	.prod .cor .list { height:380px;}
	  
	.footerHD .list {padding-left:5%; width:33.33333%;}
	.footerHD .list1 { width: 33.33333%; padding-left: 5%;}
	.footerHD .list3{border-right:0 none;}
	.footerHD .list4{border-right:1px solid #666;}
	.footerHD .list5{width:50%;}
}
@media screen and (max-width:768px) {
	.search .sl{width: 260px; height: 94px;}
	.search .sm{clear:left;float:left;margin-left:40px;}
	
	.prod .tit a { margin:0 10px; padding:0px 15px;}
	.prod .cor .list { height:360px;}

	.apply .corR2 {padding-top: 25px;}
	.certp .cert { float: none; width: 100%;}
	.certp .partner {float: none; width: 100%;}

	.inquiry .conInnerL {float: none;width: 100%;}
	.inquiry .conInnerR {float: none;width: 100%;}
	.inquiry .inputGroup.inputGroup3 {  display:none;}

	.footerHT { height:auto;}
	
}
@media screen and (max-width:720px) {
.prod .tit a { margin:0 5px; padding:0px 10px;}
	.prod .cor .list { width: 50%;height:449px;}
	.prod .cor .list a.listInner { margin: 20px;}
	.prod .cor .list a.listInner .txt {padding: 15px 25px;}


}

@media screen and (max-width:640px) {
	/* new add flag start */
	.iFlagInner{text-align:left;}
	.iFlagInner a{margin-bottom:8px;}
	
	/* new add flag end */
	.prod .cor .list { height:410px;}

	.apply .corL { float: none; padding: 10px 15px; width: 100%;}
	.apply .corR { float: none; padding: 10px 15px; width: 100%;}
	.apply .corR2 {padding-top: 20px;}

	.footerHD .list { width:50%;}
	
	.footerHD .list{border-right:0 none;}
	.footerHD .list1{border-right:1px solid #666;width: 50%;}
	.footerHD .list3{border-right:1px solid #666;}
	.footerHD .list5{width: 50%;}
	
}
@media screen and (max-width:560px) {
	.search{padding-top:10px;}
	.search .sm{clear:auto;float:left;margin-left:0px;}

	.prod .tit a {float:left;margin:5px; }
	.prod .cor .list {height:380px;}
	.prod .cor .list a.listInner { margin: 10px;}
}
@media screen and (max-width:480px) {
	.search .sl{float:none;width: 260px; height: 94px;margin:0 auto;}
	.search .sm{float:none;margin:10px auto;}

	.prod .cor .list {height:350px;}
	.prod .cor .list a.listInner {margin: 10px;}
	.prod .cor .list a.listInner .txt {padding: 15px 15px;}

	.apply .tit .titL {padding-left: 15px; font-size: 30px;}
	.apply .tit .more {margin-right: 0;}

	.apply .corL {  padding: 10px 0; }
	.apply .corR {  padding: 10px 0; }
	.apply .corR2 .corR2List:nth-of-type(odd) {padding-right: 10px;}
	.apply .corR2 .corR2List:nth-of-type(even) {padding-left: 10px;}
	.certp .partner .cor .list {float: left; width: 50%;}

	.footerHD .list5{width: 60%;}

}
@media screen and (max-width:400px) {
.search .sr { display: inline-block; width: 100%;}
.search .sr .ser { width: 100%;}
.search .sr .tact .tel { width: 65%;min-width:200px; margin-right:5px;}


	.prod .cor .list{width: 100%;height:auto;}
	.prod .cor .list a.listInner p.pic{max-height:100%;}


	.apply .cor { padding: 20px 0px;}

	.certp .partner .cor .list {float: none; width: 96%;margin:0 auto;}
	.certp .partner .cor .list a.listInner{height:auto; margin: 8px 10px;}
	
	.inquiry .conInner {  margin: 0 ;}
	.inquiry .inputGroup {margin-bottom: 20px; height: auto;overflow: hidden;}
	.inquiry .inputGroup label { display:block;clear:both;  position: relative;left: auto; top: auto;line-height:25px;}
	.inquiry .inputGroup div { padding-left: 0px;}
	

	.footerHD .list { width:100%;}
	.footerHD .list1{border-right:0 none; width: 100%;}
	.footerHD .list3{border-right:0 none;}
	.footerHD .list5{border-right:0 none;width: 100%;}

	
}

@media screen and (max-width:320px) {
.search .sr .tact .tel { width: 65%;min-width:185px; margin-right:5px;}
}

/**********************************
*
*   product.html
*
***********************************/

@media screen and (max-width:1010px) {
.ban { display:none;}
.pr .tit{padding-bottom: 30px;} 
.pr .tit .divider { width:2px;top: -10px;left:79px;height: 320px;border-bottom:0 none;border-left: 2px solid #005F4F;}
.pr .tit .nav .list {float: none;width: 100%;position: relative;height: 80px;}
.pr .tit .nav .list .btn {margin: 0;position: absolute;left:0;top:0;}

.pr .tit .nav .list .btnD { display: block; width: auto; clear: none;padding-left:175px;}
.pr .tit .nav .list .btnD .dash {display:none;}
.pr .tit .nav .list .btnD .txt {padding-top:10px; line-height: 20px; text-align: left; }

.pr .con .list { width: 33.33333%;}

}

@media screen and (max-width:720px) {
	.pr .con .list { width: 50%;}
}
@media screen and (max-width:560px) {
	.pr .tit .nav .list .btnD .txt { padding-top: 0px;}
}
@media screen and (max-width:400px) {
	.pr .tit .divider {display:none;}
	.pr .tit .nav .list {  height: auto;padding-bottom:25px;}
	.pr .tit .nav .list .btn { position: relative; left: auto; top: auto;}
	.pr .tit .nav .list .btnD {  padding:10px 0 0;}
	.pr .con .list { width: 100%;}
}

/**********************************
*
*   product_detail.html
*
***********************************/


@media screen and (max-width:1010px) {
	.Dpr1 {padding-bottom:30px;}
	.Dpr1 .conL { float: none; width: 100%;clear:both;}
	.Dpr1 .conL .big {width: 450px; margin:0;padding:0;}
	.Dpr1 .conL .sm {width: 450px; margin:0;padding:10px 0;}
	.Dpr1 .conL .sm .smList { padding: 0 5px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
	.Dpr1 .conR { float: none; padding-top:20px;width: 100%;clear:both;}
	.Dpr1 .conR p { padding: 10px 0;}
	
	.Dpr2 .con table{width:960px; }

	.Dprapp .con .list { width: 33.33333%;}


}
@media screen and (max-width:720px) {
	.Dprapp .con .list { width: 50%;}
	.Dprpack .conL{float:none;width:100%;padding-bottom:10px;}
	.Dprpack .conM{float:none;width:100%;padding:0;}
	.Dprpack .conM a{float:left;display:inline-block;width:48%;margin:0;}
	.Dprpack .conM a.a1{margin-right:4%;}
	.Dprpack .conR{float:none;width:100%;padding:10px 0 0;}
}

@media screen and (max-width:560px) {
	.pos2 p i { left: 0px;}
	.pos2 p a { margin-left: 50px;}
	.Dpr1 .tit {padding: 25px 0;}
	.Dpr1 .con { padding-left: 0px;}
}

@media screen and (max-width:480px) {
	.Dpr1 .conL .big { width: 100%;}
	.Dpr1 .conL .sm { width: 100%;}
	.Dpr1 .conL .sm img{width: 100%;}
}
@media screen and (max-width:400px) {
	.Dprapp .con .list { width:100%;}
}

/***********************************
*
*  introduction.html
*
***********************************/

@media screen and (max-width:1010px) {
	.intro .company .con .pic{margin-right:25px;}

	.intro .workshop .con .slider4 {  width: 98%;}
	.intro .workshop .con .slider4 img{  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.intro .workshop .con .bx-wrapper .bx-controls-direction a.bx-prev {left: 25px; }
	.intro .workshop .con .bx-wrapper .bx-controls-direction a.bx-next {right: 25px; }
	.intro .Package .con li { width: 33.33333%;}
}
@media screen and (max-width:720px) {
	.intro .Package .con li { width: 50%;}
	.intro .fig .con li { width: 50%;}
}
@media screen and (max-width:560px) {
	.intro .company .con .pic{float:none;width:100%;}
}

@media screen and (max-width:480px) {}

@media screen and (max-width:400px) {
	.intro .Package .con li { width: 100%;}
	.intro .fig .con li { width: 100%;}
}

/***********************************
*
*  certifications.html
*
***********************************/
@media screen and (max-width:768px) {

.certif .tit .divider {display:none;}
.certif .tit .nav .list {display:inline-block;padding:10px 5px;width:auto;}

}


/***********************************
*
*  agent.html
*
***********************************/

@media screen and (max-width:1010px) {
	.agent .conInner .slider3{width:45%;}
	.agent .conInner .brief{width:50%;}
}
@media screen and (max-width:768px) {
	.agent .conInner .slider3{width:100%;}
	.agent .conInner .brief{float:none;clear:both;margin:0 2%;width:96%;}
}

/***********************************
*
*  contact.html
*
***********************************/

@media screen and (max-width:1010px) {
	.contact .pic{width:50%;margin-right:30px;}
	.contact .txt p{padding:10px 0px; }

}
@media screen and (max-width:720px) {
	.contact .pic{width:100%;margin:0px 0px 15px 0;clear:both;float:none;}
}
@media screen and (max-width:400px) {
	.contact .pic{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}
}

